@extends('public.base')
@section('body')
    <div class="layui-fluid">
        <div class="layui-row">
            <div class="layui-card">

                <!-- 搜索区/按钮区 -->
                <div class="layui-form">
                    <table class="layui-table">
                        <colgroup>
                            <col width="100">
                            <col width="200">
                            <col width="100">
                            <col>
                        </colgroup>

                        <tbody>
                        <tr>
                            <td style="background-color:#f2f2f2">订单时间</td>
                            <td>{{date("Y-m-d H:i",$info->add_time)}}</td>
                            <td style="background-color:#f2f2f2">总金额</td>
                            <td>{{$info->all_amount}}</td>
                        </tr>
                        <tr>
                            <td style="background-color:#f2f2f2">实收金额</td>
                            <td>{{$info->paid_amount}}</td>
                            <td style="background-color:#f2f2f2">赠送金额</td>
                            <td>{{$info->collected_amount}}</td>
                        </tr>
                        <tr>
                            <td style="background-color:#f2f2f2">购买次数</td>
                            <td>{{$info->buy_num}}</td>
                            <td style="background-color:#f2f2f2">加粉类型</td>
                            <td>{{$info->add_fen_type}}</td>
                        </tr>

                        <tr>
                            <td style="background-color:#f2f2f2">本月订单</td>
                            <td>{{$info->add_fen_month==1?'本月':'非本月'}}</td>
                            <td style="background-color:#f2f2f2">付款方式</td>
                            <td>{{$info->pt_name?'全款':'到付'}}</td>
                        </tr>
                        <tr>
                            <td style="background-color:#f2f2f2">微信号</td>
                            <td>{{$info->wx_no}}</td>
                            <td style="background-color:#f2f2f2">销售员</td>
                            <td>{{$info->sale_name}}</td>
                        </tr>


                        <tr>
                            <td style="background-color:#f2f2f2">VIP会员支付</td>
                            <td>{{$info->pay_username}}</td>
                            <td style="background-color:#f2f2f2">支付方式</td>
                            <td>{{$info->pay_type}}</td>
                        </tr>

                        <tr>
                            <td style="background-color:#f2f2f2">备注</td>
                            <td colspan="3">{{$info->remark}}</td>

                        </tr>

                        <tr>
                            <td style="background-color:#f2f2f2">备注图片</td>
                            <td colspan="3">
                                @if(!empty($info->smeta))

                                    <?php $imgList=explode(",",$info->smeta);?>
                                    @foreach( $imgList  as $k=>$v)
                                        <a href="#" onclick="show_one_pic('{{$v}}');"><img style="display: inline-block; width: 50px; height: 50px;" src="{{$v}}"></a>
                                    @endforeach
                                @endif
                            </td>
                        </tr>

                        <tr>
                            <td style="background-color:#f2f2f2">订单状态</td>
                            <td colspan="3">@if($info->apply_status=='0') 订单被取消 @elseif($info->apply_status=='10') 等待审核  @elseif($info->apply_status=='20') 审核通过 @elseif($info->apply_status=='30') 订单退款 @endif</td>

                        </tr>

                        </tbody>
                    </table>
                </div>


        </div>
    </div>
    <!-- 勿删，这里是显示帮助说明文，会调用系统菜单中的说明文档 -->
    <div id="page_tip"></div>
    <script src="{{ADMIN_PATH}}layui/layuiadmin/layui/layui.js?{{time()}}"></script>
    <script src="{{ADMIN_PATH}}js/admin.common.js?{{time()}}"></script>
    <script>
        // ==========================  公共变量区  ===========================================
        var index_url = '{{url('admin/ordersys/order/mygoods/show')}}?id={{$info->id}}';
        var add_url = '{{url('admin/content/adv/add')}}';
        var edit_url = '{{url('admin/content/adv/edit')}}';
        var del_url = '{{url('admin/content/adv/del')}}';
        var change_url = '{{url('admin/content/adv/change/status')}}';

        //表格id
        var main_table_id = 'main_table';
        //搜索区的表单form id
        var search_form_id = 'search_form';
        //初始化后的表格对象
        var main_table;

        // ==========================  全局函数区  ===========================================

        //默认函数，重载当前页面数据，1、页面初始化 2、配合搜索 3、配合post_data等操作的回调，如：编辑或删除完表格的记录后，刷新当前页面等
        function reload_data(param) {
            //搜索表格
            do_search_table(main_table, search_form_id, param);

        }

        // ==============================  业务处理  ==============================================
        layui.config({
            base: '{{ADMIN_PATH}}layui/layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table'], function(){

            //========================================== layui引用区 ==========================================
            var $ = layui.$,
                table = layui.table
                , form = layui.form
                , element = layui.element
            ;

            // ==============================  业务区  =========================================
            //表格默认排序字段
            var table_sort = 'id';
            var table_order = 'asc';

            main_table = table.render({
                elem: '#' + main_table_id
                , url: index_url //异步数据接口
                , method: 'post' //接口http请求类型
                //, headers: {token: '123456'} //接口的请求头
                , limit: 10 //每页显示的条数
                , limits: 50//	每页条数的选择项
                , initSort: { //初始化时的排序,如果不设的话，将无法标记表头的排序状态
                    field: table_sort
                    , type: table_order
                }
                , where: {sort: table_sort, order: table_order}
                , loading: true //显示加载
                , text: '查询无数据' //空数据时的异常提示
                , page: true //开启分页
                , cols: [[
                    {title: '产品ID', field: 'goods_id', width: 85}
                    , {title: '产品名称', field: 'goods_name', width: 95}
                    , {title: '产品价格', field: 'goods_price', width: 110}
                    , {title: '产品数量', field: 'goods_num', width: 110}
                    , {title: '图片', field: 'goods_image', width: 150, templet: layui_table_pic_1}
                ]]
                , done: function (res, curr, count) {
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    if (res.status != 200) {
                        show_error(res.message);
                    }
                    if (count == 0) {
                        layer.msg('暂无相关数据');
                    }
                }
            });


            // ==============================  监听区  =========================================

            // 表格监听
            table.on('sort()', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                //console.log(obj.field); //当前排序的字段名
                //console.log(obj.type); //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）
                reload_data({sort: {sort: obj.field, order: obj.type}});
            });

            //表格中的所有的switch监听
            form.on('switch()', function (obj) {
                //当前表格行数据
                var json = JSON.parse(decodeURIComponent($(this).data('json')));

                var name = obj.elem.name;
                var value = obj.elem.checked === true ? 1 : 0;

                var o = {};
                //数据库更新的主键
                o['id'] = json.id;
                //获取当前点击的checkbox的input名称和值
                o[name] = value;

                console.log(o);
                layer.confirm('确定改变当前状态吗?', function (index) {
                    //提交数据，1、提交网址 2、提交数据 3、是否关闭本iframe窗口(在弹出iframe时使用)
                    post_data(change_url, o, ''
                        //正确返回时，执行
                        , function () {
                            //
                        }
                        //错误返回或其它错误时，执行
                        , function () {
                            obj.elem.checked = !obj.elem.checked;
                            //重新渲染
                            form.render();
                        });

                    //关闭自身提示框
                    layer.close(index);
                }, function (index) {
                    //按钮【按钮二】的回调
                    obj.elem.checked = !obj.elem.checked;
                    //重新渲染
                    form.render();
                });

            });

            //其他按钮监听
            $("#search_btn").on('click', function () {
                reload_data();
                return false;
            });

            $("#add_btn").on('click', function () {
                var index = layer.open({
                    type: 2
                    , title: '新增'
                    , content: add_url
                    , area: ['80%', '580px'] //宽高
                    , maxmin: true
                    , scrollbar: false
                    , end: function (index, layero) {
                        //关闭弹窗后的事件
                    }
                });
                return false;
            });

            //监听单元格编辑
            table.on('edit(main_table)', function (obj) {
                var value = obj.value //得到修改后的值
                    , data = obj.data //得到所在行所有键值
                    , field = obj.field; //得到字段
                var o = {};
                o['id'] = data.id;
                o[field] = value;

                layer.confirm('确定修改吗?', function (index) {
                    //提交数据
                    post_data(edit_url, o, ''
                        //正确返回时，执行
                        , function () {
                            reload_data();
                        }
                        //错误返回或其它错误时，执行
                        , function () {
                        });

                    //关闭自身提示框
                    layer.close(index);
                });
            });

            //工具条监听
            table.on('tool(main_table)', function (obj) {
                var data = obj.data;
                //删除事件
                if (obj.event === 'del') {
                    layer.confirm('确定删除吗?', function (index) {
                        //提交数据
                        var o = {id: data.id};
                        post_data(del_url, o, ''
                            //正确返回时，执行
                            , function () {
                                reload_data();
                            }
                            //错误返回或其它错误时，执行
                            , function () {
                            });

                        //关闭自身提示框
                        layer.close(index);
                    });
                }
                //修改事件
                else if (obj.event === 'edit') {
                    var index = layer.open({
                        type: 2
                        , title: '编辑:' + data.title
                        , content: edit_url + "?id=" + data.id
                        , area: ['80%', '580px'] //宽高
                        , maxmin: true
                        , scrollbar: false
                        , end: function (index, layero) {
                            //关闭弹窗后的事件
                        }
                    });
                }
            });

            //监听搜索表单提交
            form.on('submit(search-form)', function (data) {
                return false;
            });

            //========================================== 渲染区 ==========================================
            //表单重新渲染，请保存到最后一行
            //渲染表单
            form.render(null, 'search_form');
            //导航栏渲染
            element.render('breadcrumb', 'breadcrumb');
        });
    </script>
@stop
